<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="text/html" />
    <title>Title</title>
    <link href="iconfont/iconfont.css" th:href="@{/iconfont/iconfont.css}" rel="stylesheet">
    <link th:href="@{/webjars/bootstrap/4.4.1-1/css/bootstrap.css}" rel="stylesheet">
    <link href="asserts/css/from-table.css" th:href="@{/asserts/css/from-table.css}" rel="stylesheet">
    <style >
        .iconfont{
            font-size: 20px;
        }
    </style>
</head>
<body>

<!--topbar-->
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 " role="navigation"
     style="margin-bottom: 0" th:fragment="topbar">
    <a class="navbar-brand col-sm-3 col-md-2 mr-0 style-navbar" href="#" ><span class="word">企业员工管理系统</span></a>
<!--    <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">-->
    <!--<ul class="navbar-nav px-3">
        <li class="nav-item text-nowrap">
            <a class="nav-link" href="#" th:href="@{/user/logout}">退出</a>
        </li>
    </ul>-->
    <ul class="nav navbar-top-links navbar-right ">
        <!-- 用户信息和系统设置 start -->
        <li class="dropdown">
                <a class="dropdown-toggle nav-item" data-toggle="dropdown" href="#" >
                    <i class="fa fa-caret-down"></i>
                    <span class="word2"> 用户：[[${session.username}]]</span>
                </a>
            <ul class="dropdown-menu dropdown-user layui-nav-down" >
                <li th:if="${session.role!='v1'}">
                    <a class="nav-link active"  th:href="@{/account}">
                    <i class="iconfont left-nav-li"></i>账号信息</a>
                </li>
                <li th:if="${session.role!='v1'}"><a class="nav-link active"  th:href="@{/updatePwd}">
                    <i class="iconfont left-nav-li"></i>修改密码</a>
                </li>
                <div class="server"></div>
                <li>
                    <a class="nav-link active"  th:href="@{/user/logout}">
                        <i class="fa fa-sign-out fa-fw"></i>退出登录
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

<!--sidebar-->
<nav class="col-md-2 d-none d-md-block bg-light sidebar" id="sidebar">
    <div class="sidebar-sticky">
        <ul class="nav flex-column side-menu">
            <!--<li class="nav-item">
                <a class="nav-link"
                   th:class="${activeUri=='main.html'?'nav-link active':'nav-link'}"
                   href="#" th:href="@{/main.html}">
                    <span class="iconfont icon-home"></span>
                    主页 <span class="sr-only">(current)</span>
                </a>
            </li>-->
            <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/emps}"
                   th:class="${activeUri=='emps'?'nav-link active':'nav-link'}">
                <span class="iconfont icon-employee"></span>
                <span class="word-title">员工管理</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/trains}"
                   th:class="${activeUri=='trains'?'nav-link active':'nav-link'}">
                    <span class="iconfont icon-training"></span>
                    <span class="word-title">培训管理</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/contracts}"
                   th:class="${activeUri=='contracts'?'nav-link active':'nav-link'}">
                    <span class="iconfont icon-contract"></span>
                    <span class="word-title">合同管理</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/emprps}"
                   th:class="${activeUri=='emprps'?'nav-link active':'nav-link'}">
                    <span class="iconfont icon-jiangcheng"></span>
                    <span class="word-title">奖惩管理</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/salarys}"
                   th:class="${activeUri=='salarys'?'nav-link active':'nav-link'}">
                    <span class="iconfont icon-xinzi"></span>
                    <span class="word-title">薪资管理</span>
                </a>
            </li>

          <!--  <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/appraises}"
                   th:class="${activeUri=='appraises'?'nav-link active':'nav-link'}">
                    <span class="iconfont icon-jixiaopinggu"></span>
                    绩效评估
                </a>
            </li>-->
            <li class="nav-item" th:if="${session.role=='v1'}">
                <a class="nav-link" th:href="@{/users}"
                   th:class="${activeUri=='users'?'nav-link active':'nav-link'}">
                    <span class="iconfont icon-yonghuguanli"></span>
                    <span class="word-title">账号管理</span>
                </a>
            </li>

        </ul>
    </div>

</nav>

<script type="text/javascript" th:src="@{/webjars/jquery/3.5.0/jquery.js}"></script>
<!--<script type="text/javascript" th:src="@{/webjars/popper.js/1.14.3/popper.js}"></script>-->
<!--<script type="text/javascript" th:src="@{/webjars/bootstrap/4.4.1-1/js/bootstrap.js}"></script>-->


</body>
</html>